<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Onderwijsloket - Gemeente Den Haag</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<a href="#main" title="Spring naar inhoud" class="el-accessibility">Spring naar inhoud</a>
<div id="page">
<!-- header on -->
<header class="pg-head">
	<nav class="pg-hd-user">
    <div class="pg-inner cf">
      <dl class="bl-hd-nav">
        <dt>Mijn</dt>
        <dd class="lists">
        	<a href="#" title="Lijsten"><span class="icon"></span>Lijsten</a>
          <!-- dropdown on -->
          <ul>
          	<li class="first"><a href="#" title="Lonneke’s lijst">Lonneke’s lijst <span>(5)</span></a></li>
            <li><a href="#" title="Overleg 07-07-2013 - te bespreken">Overleg 07-07-2013 - te bespreken <span>(10)</span></a></li>
            <li><a href="#" title="Ter aanvulling tot 22-07-2013">Ter aanvulling tot 22-07-2013 <span>(4)</span></a></li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
        <dd class="searches">
        	<a href="#" title="Zoekopdrachten"><span class="icon"></span>Zoekopdrachten</a>
          <!-- dropdown on -->
          <ul>
          	<li class="first"><a href="#" title="Aanvragen-OWB, Concept, 2013 - 8">Aanvragen-OWB, Concept, 2013 - 8 <span>(22)</span></a></li>
            <li><a href="#" title="Aanvragen-OWB, Aanvullen,  2013- 7">Aanvragen-OWB, Aanvullen,  2013- 7 <span>(15)</span></a></li>
            <li><a href="#" title="Ter aanvulling tot 22-07-2013">Subsidies, Actieve ouders <span>(4)</span></a></li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
        <dd class="notifications">
        	<a href="#" title="Notificaties"><span class="icon"></span>Notificaties <span class="size">12</span></a>
          <!-- dropdown on -->
          <ul class="bl-notices">
          	<li class="first reminder-red">
            	<span class="icon"></span>
              <a href="#" title="Nog 2 dagen voor indienen Onderwijsbeleid 2013 - ronde 8"><span>Nog 2 dagen</span> voor indienen Onderwijsbeleid 2013 - ronde 8</a>
            </li>
            <li class="reminder-yellow">
            	<span class="icon"></span>
              <a href="#" title="Nog 14 dagen voor aanvullen Onderwijsbeleid 2013 - ronde 7"><span>Nog 14 dagen</span> voor aanvullen Onderwijsbeleid 2013 - ronde 7</a>
            </li>
            <li class="info-yellow">
            	<span class="icon"></span>
              <a href="#" title="Extra tranche voor weekend en zomerscholen gestart voor &euro; 150.000">Extra tranche voor weekend en zomerscholen gestart voor &euro; 150.000</a>
            </li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
      </dl>
      <p class="bl-hd-user"><strong>G. van Beveren</strong>, Bestuur Lucas Onderwijs <span><a href="#" title="Uitloggen">Uitloggen</a></span></p>
    </div>
  </nav>
  <div class="pg-hd-main">
    <div class="pg-inner cf">
      <div class="bl-hd-logo"><a href="#" title="Onderwijsloket">Onderwijsloket <span>Gemeente Den Haag</span></a></div>
      <div class="el-nav-top"><a href="#" title="Menu">Menu</a></div>
      <div class="bl-hd-form">
        <form action="this">
          <label for="inp_srh">Zoek</label>
          <input id="inp_srh" type="text" placeholder="Zoek op bijv. aanvraagnummer, instelling, trefwoord..." />
          <button type="submit">Zoek</button>
        </form>
      </div>
    </div>
  </div>
</header>
<!-- header off -->
<!-- nav on -->
<nav class="pg-nav">
	<div class="pg-inner cf">
  	<ul>
    	<li><a href="#" title="Startpagina">Startpagina</a></li>
      <li class="active"><a href="#" title="Mijn aanvragen">Mijn aanvragen</a></li>
      <li><a href="#" title="Mijn meldingen">Mijn meldingen</a></li>
      <li><a href="#" title="Mijn scholen / instellingen">Mijn scholen / instellingen</a></li>
    </ul>
    <ul class="bl-links">
    	<li><a href="#" title="Subsidies &amp; voorzieningen">Subsidies &amp; voorzieningen</a></li>
      <li class="more">
      	<a href="#" title="meer...">meer...</a>
        <ul class="bl-hidden-links">
        	<li><a href="#" title="Scholen en instellingen">Scholen en instellingen</a></li>
          <li><a href="#" title="Gemeente informatie">Gemeente informatie</a></li>
          <li class="last"><a href="#" title="Contact">Contact</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>
<!-- nav off -->
<!-- content on -->
<div class="pg-def">
	<div class="pg-inner cf">
  	<p class="bl-fm-back"><a href="#" title="Terug naar &lt;pagina&gt;">Terug naar &lt;pagina&gt;</a></p>
    <div class="pg-fm-wrap cf">
      <div class="bl-fm-ttl cf">
        <span class="icon document-x2"></span>
        <div class="txt">
        	<p>Mijn Aanvraag 2013.0087</p>
          <h1>Bewegingsonderwijs 2012 / 2013</h1>
        </div>
      </div>
		
      <div class="pg-fm-lft">
      	<div class="bl-fm-single">
      		<form>
          	<div class="bl-fm-calc">
              <ul class="un-fm-path cf">
                <li class="step1 prev"><strong>Stap 1</strong> <a href="#" title="">Aanvraag</a></li>
                <li class="step2 active"><strong>Stap 2</strong> Gymschema</li>
                <li class="step3">Overzicht</li>
              </ul>
              <div class="un-fm-details un-fm-noline un-fm-btmline">
              	<dl class="cf">
                	<dt>Schooljaar</dt>
                  <dd>2012/2013</dd>
                </dl>
                <dl class="cf">
                	<dt>Periode</dt>
                  <dd>01 augustus 2012 <em>tot</em> 31 juli 2013</dd>
                </dl>
                <dl class="cf">
                	<dt>School</dt>
                  <dd>Sint Bernardschool</dd>
                </dl>
                <dl class="cf">
                	<dt>Normklokuren</dt>
                  <dd>9 <a href="#tip_03" class="help" title="Help"></a></dd>
                </dl>
                <dl class="cf">
                	<dt>Contactpersoon</dt>
                  <dd>Jambers de Vries</dd>
                </dl>
                <dl class="cf">
                	<dt>Telefoonummer</dt>
                  <dd>070 588349348</dd>
                </dl>
              </div>
              <div class="un-fm-ttl">
                <h2><span>Aanvraagregels</span></h2>
              </div>
              <div class="un-fm-calc un-fm-noline">
              	<div class="el-row cf">
                	<label for="f_locatie">Locatie</label>
                  <div class="elem">
                  	<select id="f_locatie" class="s250">
                      <option value="0">Nijkerklaan 9 (0160/L)</option>
                    </select>
                    <a href="#tip_04" class="help" title="Help"></a>
                  </div>
                </div>
                <div class="el-row cf">
                	<label for="f_weekdag">Weekdag</label>
                  <div class="elem">
                  	<select id="f_weekdag" class="s250">
                      <option value="0">Maandag</option>
                    </select>
                  </div>
                </div>
                <div class="el-row cf">
                	<label for="f_tijden">Tijden</label>
                  <div class="elem">
                  	<input id="f_tijden" type="text" value="09:00" class="s60" />
                    <label for="f_tot">Tot</label>
                    <input id="f_tot" type="text" value="13:00" class="s60" />
                    <em class="time">(4 klokuren)</em>
                  </div>
                </div>
                <div class="el-row cf">
                	<label for="f_accomodatie">Accomodatie</label>
                  <div class="elem">
                  	<input id="f_accomodatie" placeholder="Zoek op gym-accomodatie" type="text" class="inp-search" />
                    <a href="#tip_05" class="help" title="Help"></a>
                    <div class="tbl-search">
                      <table>
                      	<thead>
                        	<tr>
                          	<th>Afstand*</th>
                            <th>Gym-accomodatie</th>
                          </tr>
                        </thead>
                        <tbody>
                        	<tr>
                          	<td>0 m.</td>
                            <td>Nijkerklaan 9 (0160/L)</td>
                          </tr>
                          <tr>
                          	<td>435 m.</td>
                            <td>Abbenbroek 7 (0005/G)</td>
                          </tr>
                          <tr>
                          	<td>560 m.</td>
                            <td>Bisschopstraat 3 (0404/G)</td>
                          </tr>
                          <tr>
                          	<td>612 m.</td>
                            <td>Edamstraat 2 (0066/G)</td>
                          </tr>
                          <tr>
                          	<td>893 m.</td>
                            <td>Abraham van Beijerenstraat 56</td>
                          </tr>
                          <tr>
                          	<td>0 m.</td>
                            <td>Nijkerklaan 9 (0160/L)</td>
                          </tr>
                          <tr>
                          	<td>435 m.</td>
                            <td>Abbenbroek 7 (0005/G)</td>
                          </tr>
                          <tr>
                          	<td>560 m.</td>
                            <td>Bisschopstraat 3 (0404/G)</td>
                          </tr>
                          <tr>
                          	<td>612 m.</td>
                            <td>Edamstraat 2 (0066/G)</td>
                          </tr>
                          <tr>
                          	<td>893 m.</td>
                            <td>Abraham van Beijerenstraat 56</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <p class="btn-search cf">
                    	<a href="#" title="Annuleren">Annuleren</a>
                      <a class="sbm" href="#" title="Toevoegen">Toevoegen</a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      	
      </div>
      
      <div class="pg-fm-rth">
      	<!-- side block on -->
        <div class="bl-ds-side bl-fm-info cf">
        	<div>
            <h3>Deze OHV aanvraag</h3>
            <div class="txt line">
              <p>Nog 15 dagen om uw aanvraag in te dienen bij de gemeente (uiterlijk 01-01-2014)</p>
            </div>
            <p class="extend cf"><a href="#" title="Concept aangemaakt">Concept aangemaakt</a> <a href="#tip_aanvraag" class="help" title="Help"></a></p>
            <p class="btn cf"><button disabled="disabled" class="bx-button" type="submit"><span>Indienen bij gemeente<em></em></span></button></p>
            <p class="requested line"><a href="#" title="U kunt deze aanvraag nog niet indienen">U kunt deze aanvraag nog niet indienen</a></p>
            <div class="bl-fm-submit cf">
            	<div>
                <a href="#" title="Andere acties">Andere acties</a>
                <div class="bl-hidden-links">
                  <ul>
                    <li><a href="#" class="shipping" title="Akkoord en verzendklaar">Akkoord en verzendklaar</a></li>
                    <li><a href="#" class="not-agree" title="Niet Akkoord">Niet Akkoord</a></li>
                    <li><a href="#" class="reject" title="Definitief afkeuren">Definitief afkeuren</a></li>
                  </ul>
                  <ul class="e-more">
                    <li><a href="#" class="archive" title="Archieveren">Archieveren</a></li>
                    <li><a href="#" class="copy" title="Kopiëren">Kopiëren</a></li>
                    <li><a href="#" class="remove" title="Verwijderen">Verwijderen</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <span class="arrow"></span>
        </div>
        <!-- side block off -->
      	<!-- side block on -->
        <div class="bl-ds-side bl-ds-toolbox cf">
          <ul>
            <li class="print"><a href="#" title="Printen">Printen</a></li>
            <li class="mail"><a href="#" title="E-mail collega">E-mail collega</a></li>
            <li class="save"><a href="#" title="Downloaden">Downloaden</a></li>
            <li class="fav"><a href="#" title="Zet op mijn lijst">Zet op mijn lijst</a></li>
            <li class="savenow"><a href="#" title="Nu opslaan">Nu opslaan</a></li>
          </ul>
        </div>
        <!-- side block off -->
      	<!-- side block on -->
        <div class="bl-ds-side bl-fm-change cf">
        	<dl>
          	<dt class="open">Concept</dt>
            <dd>
            	<ul>
              	<li>Concept aangemaakt op 20-01-2012 door G. van Beveren.</li>
              </ul>
            </dd>
          </dl>
          <dl>
          	<dt>Beoordeling Gemeente</dt>
            <dd>
            	<ul>
              	<li>Concept aangemaakt op 20-01-2012 door G. van Beveren.</li>
              </ul>
            </dd>
          </dl>
          <dl>
          	<dt>Besluit College B&amp;W</dt>
            <dd>
            	<ul>
              	<li>Concept aangemaakt op 20-01-2012 door G. van Beveren.</li>
              </ul>
            </dd>
          </dl>
          <dl>
          	<dt>Verantwoorden</dt>
            <dd>
            	<ul>
              	<li>Concept aangemaakt op 20-01-2012 door G. van Beveren.</li>
              </ul>
            </dd>
          </dl>
        </div>
        <!-- side block off -->
      </div>
    </div>
    
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="pg-foot">
	<div class="pg-inner cf">
  	<ul>
    	<li class="first">&copy; 2011-2012 Onderwijsloket Den Haag</li>
      <li><a href="#" title="Privacy statement">Privacy statement</a></li>
      <li><a href="#" title="Gebruiksvoorwaarden">Gebruiksvoorwaarden</a></li>
      <li><a href="#" title="Contact">Contact</a></li>
      <li><a href="#" title="Help">Help</a></li>
    </ul>
  </div>
</footer>
<!-- footer off -->
</div>
<!-- tooltip content on -->
<div class="hide bl-tip" id="tip_title">
  <p>Tooltip</p>
</div>
<div class="hide bl-tip" id="tip_01">
  <p>Tooltip</p>
</div>
<div class="hide bl-tip" id="tip_02">
  <p>Tooltip</p>
</div>
<div class="hide bl-tip" id="tip_03">
  <p>Tooltip</p>
</div>
<div class="hide bl-tip" id="tip_04">
  <p>Tooltip</p>
</div>
<div class="hide bl-tip" id="tip_05">
  <p>Tooltip</p>
</div>
<!-- tooltip content off -->
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
